<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<title>萌宝购物</title>
	<link rel="stylesheet" href="css/core.css">
	<link rel="stylesheet" href="css/icon.css">
	<link rel="stylesheet" href="css/home.css">
	<link rel="stylesheet" href="font/iconfont.css">
</head>

<body style="background-color: #f5f5f5;">
	<div class="container">

		<header class="aui-header-default aui-header-fixed ">
			<a href="javascript:history.back(-1)" class="aui-header-item">
				<i class="aui-icon aui-icon-back"></i>
			</a>
			<div class="aui-header-center aui-header-center-clear">
				<div class="aui-header-center-logo">
					<div class="">支付订单</div>
				</div>
			</div>
		</header>

		<main style="padding-top: 44px;">
			<p class="pay-success">
				<i class="iconfont icon-roundcheckfill"></i>
				<span>支付成功</span>
			</p>
			<form action="#">
				<div class="pay-detail" style="background-color: #fff;">
					<div class="item clearfix">
						<p class="l fl">付款金额</p>
						<p class="r fr price">￥100.00</p>
					</div>
					<div class="item clearfix">
						<p class="l fl">流水号</p>
						<p class="r fr">2018101917314295171</p>
					</div>
					<div class="item clearfix">
						<p class="l fl">下单时间</p>
						<p class="r fr">2018-10-19 00:00:00</p>
					</div>
					<div class="item clearfix">
						<p class="l fl">收件人</p>
						<p class="r fr">dsadfgv</p>
					</div>
					<div class="item clearfix">
						<p class="l fl">收件地址</p>
						<p class="r fr">山东省 青岛市 崂山区</p>
					</div>
				</div>
			</form>
			<div class="order-success">
				<div class="btn">
					<a href="#" class="btn2">返回首页</a>
					<a href="#" class="btn1">订单详情</a>
				</div>
			</div>

			<section class="aui-list-product">
				<div class="aui-title-head clearfix">
					<h4 class="fl">为你推荐</h4>
					<a href="#" class="more fr">更多<i class="iconfont icon-right"></i></a>
				</div>
				<div class="aui-list-product-box">
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
					<a href="#" class="aui-list-product-item">
						<div class="aui-list-product-item-img">
							<img src="img/pd/sf-15.jpg" alt="">
						</div>
						<div class="aui-list-product-item-text">
							<h3>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h3>
							<div class="aui-list-product-mes-box">
								<div>
									<span class="aui-list-product-item-price"><em>¥</em>399.99</span>
									<span class="aui-list-product-item-del-price">¥495.65</span>
								</div>
								<div class="aui-comment">986评论</div>
							</div>
						</div>
					</a>
				</div>
			</section>

		</main>

	</div>

</body>

</html>